<template>
    <!-- <div>信访诉求</div> -->
   <div class="app">
    <div style="height: 65%">
      <div class="title">
        <h4> <i class="T0"><img src="@/assets/img/247.png" alt=""></i> 待处理信访</h4>
        <el-button type="primary" @click="Newdecision"  class="T_1" round style="line-height:10px"><i class="el-icon-circle-plus-outline"></i>信访导入</el-button>
        <el-button type="text">更多</el-button>
      </div>
      <el-table
        :data="tableData"
        style="width: 100%"
        @selection-change="handleSectionChange_2"
      >
        <el-table-column prop="date" label="事项名称"> </el-table-column>
        <el-table-column prop="name" label="事项编号"> </el-table-column>
        <el-table-column prop="address" label="事项类型"> </el-table-column>
        <el-table-column prop="address" label="会议类型"> </el-table-column>
        <el-table-column prop="address" label="会议时间"> </el-table-column>
        <el-table-column prop="address" label="审批(操作)"> </el-table-column>

      </el-table>
    </div>
    <div style="height: 65%">
      <div class="title_2">
        <h4> <i class="T0"><img src="@/assets/img/248.png" alt=""></i> 信访台账</h4>
        <el-button type="text">更多</el-button>
      </div>
      <el-table
        :data="message"
        style="width: 100%"
        @selection-change="handleSectionChange"
      >
        <el-table-column prop="date" label="事项名称"> </el-table-column>
        <el-table-column prop="name" label="事项编号"> </el-table-column>
        <el-table-column prop="address" label="事项类型"> </el-table-column>
        <el-table-column prop="address" label="会议类型"> </el-table-column>
        <el-table-column prop="address" label="会议时间"> </el-table-column>
        <el-table-column prop="address" label="审批(操作)"> </el-table-column>
      </el-table>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: new Data(),
      tableData: [],
      message: [],
    };
  },
  methods: {
    handleSectionChange(val) {
      this.message = val;
    },

    handleSectionChange_2(val) {
      this.tableChecked = val;
    },
    Newdecision(){
      this.$router.push('/creation ')
    }
  },
};
</script>
<style   scoped>
.app {
  height: 60%;
  margin: 0;
  padding: 0;
}
.el-button {
  margin-right: 10px;
  color: #fff;
}

.title {
  display: flex;
  justify-content: space-between;;
  background: #99999985;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 30px;
}
.title_2 {
  display: flex;
  justify-content: space-between;
  background: #99999985;
  height: 30px;
}
.el-button--text {
  color: #fff;
}
.T0{
  margin-left: 20px;
}
h4 {
  margin: 0;
  margin-right: 470px;
  color: #fff;
}
.T_1{
  background-color: rgba(146, 222, 73, 20.664);
  border: 0px;
}
</style>